<template>
  <div>

    <sky-card :shadow="'hover'">

      <sky-folding-panel>
        <div>
          <div v-for="item in 5" :key="item">
            搜索条件........
          </div>
        </div>
      </sky-folding-panel>

    </sky-card>

    <SkyHiddenPanel title="代码">
      <div class="prewrap" v-highlight>
        <!-- 使用指令 -->
        <pre>
          <code class="html">
             
              // 折叠搜索面板
              &lt;sky-folding-panel&gt;
                &lt;div&gt;
                  &lt;div v-for="item in 5" :key="item"&gt;
                    搜索条件........
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/sky-folding-panel&gt;
        
       
          </code>
      </pre>
      </div>
    </SkyHiddenPanel>

  </div>
</template>